<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>发布职位</title>
		<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />

		<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
	    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
	    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	  
	</head>
	<body>
		<style type="text/css">
			body{ overflow: auto !important;}
			.container{ padding-bottom: 30px;}
			.top{ border-bottom: 1px #ccc solid;  border-top: 1px #ccc solid; line-height: 45px;}
			.t{ font-size: 1.3rem; line-height: 25px; margin-top: 5px;}
			.l{ color: #00b7ee;}
			.m{ line-height: 40px;}
			.col-xs-6 a{ color: #000000;}
			.col-xs-3{ text-align: right;}
			.col-xs-9{ padding-top: 5px; margin-bottom: 5px;}
			.col-xs-2{ margin-left: 2.8%; font-size: 1.3rem; margin-bottom: 15px; text-align: center;}
			.btn-default{ margin-bottom: 10px; margin-right: 10px;}
			.title{ font-size: 1.6rem; line-height: 3rem;}		
			.bar{line-height: 3rem; height: 3rem;}	   
			.close-picker{ font-size: 1.6rem !important; line-height: 3rem;} 
		</style>
		<div class="container">
			<div class="row text-center t">您的公司资格已经审核通过</div>
			<div class="row text-center t">您的公司名为  北京酷时代科技有限公司</div>
			<div class="row top">
				<div class="col-xs-6 text-center l">添加职位</div>
				<div class="col-xs-6 text-center"><a href="qyyyzw.html">已有职位信息</a></div>
			</div>
			<div class="row m" style="padding-top: 15px;">
				<div class="col-xs-3">职位名称</div>
				<div class="col-xs-9"><input type="text" name="zhiwei" value="" placeholder="选择职位" class="form-control zhiwei" /></div>
			</div>
			<div class="row m">
				<div class="col-xs-3">工作地点</div>
				<div class="col-xs-9"><input type="text" name="city-picker" id="city-picker" placeholder="选择地点" value="" class="form-control" /></div>
			</div>
			<div class="row m">
				<div class="col-xs-3">需求性别</div>
				<div class="col-xs-9"><input type="text" name="sex" value="" placeholder="选择性别" class="form-control sex" /></div>
			</div>
			<div class="row m">
				<div class="col-xs-3">需求年龄</div>
				<div class="col-xs-9"><input type="text" name="city-picker" value="" placeholder="填写年龄" class="form-control" /></div>
			</div>
			<div class="row m">
				<div class="col-xs-3">佣金</div>
				<div class="col-xs-9"><input type="text" name="city-picker" value="" placeholder="填写佣金" class="form-control" /></div>
			</div>
			<div class="row">
				<div class="col-xs-12">
					需求学历
				</div>
			</div>
			<div class="row" style="padding: 15px;">
				<div class="btn btn-default">全部</div>
				<div class="btn btn-default">大学</div>
				<div class="btn btn-default">大专</div>
				<div class="btn btn-default">大学</div>
				<div class="btn btn-default">大专</div>
			</div>
			<div class="row">
				<div class="col-xs-12">
					需求资历
				</div>
			</div>
			<div class="row" style="padding: 15px;">
				<div class="btn btn-default">全部</div>
				<div class="btn btn-default">应届生</div>
				<div class="btn btn-default">1年以内</div>
				<div class="btn btn-default">1-3年</div>
				<div class="btn btn-default">3-5年</div>
				<div class="btn btn-default">5年以上</div>
			</div>
			<div class="row">
				<div class="col-xs-12">
					薪资
				</div>
			</div>
			<div class="row" style="padding: 15px;">
				<div class="btn btn-default">全部</div>
				<div class="btn btn-default">3k以下</div>
				<div class="btn btn-default">3k-5k</div>
				<div class="btn btn-default">5k-10k</div>
				<div class="btn btn-default">10k以上</div>
			</div>
			<div class="row">
				<div class="col-xs-12">工作时间说明</div>
			</div>
			<div class="row" style="margin: 10px 0;">
				<textarea  class="form-control" rows="5" ></textarea>
			</div>
			<div class="row">
				<div class="col-xs-12">岗位说明</div>
			</div>
			<div class="row" style="margin: 10px 0;">
				<textarea  class="form-control" rows="5" ></textarea>
			</div>
			<div class="row">
				<div class="col-xs-12">福利待遇</div>
			</div>
			<div class="row" style="margin: 10px 0;">
				<textarea  class="form-control" rows="5" ></textarea>
			</div>
			<div class="btn btn-success" style=" width: 100%; padding:10px 0; font-size: 1.7rem; background: #ffa328; border: none;">
				职位发布
			</div>
		</div>
		<div class="hide1" ></div>
		<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
	    <script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>

	    <script>
//	    	var js = "{'id':''}"
//	    	$.ajax({
//              type: "POST",
//              url: "api/service",
//              beforeSend: function(request) {
//                  request.setRequestHeader("req", "210");
//              },
//              dataType:"json",
//              data:js,
//              success: function(result) {
//                  console.log(result);
//              }
//          });
            $(function(){
            	var val;
            	$.ajax({
	                type: "POST",
	                url: "api/service",
	                beforeSend: function(request) {
	                    request.setRequestHeader("req", "220");
	                },
	                dataType:"json",
	                success: function(result) {
	                	var i = 0 ;
	                	for(i;i<result.resdata['list'].length;i++){

	                		var a  = "'"+result.resdata['list'][i]['list'][0].name+"',";
	                		$(".hide1").append(a);
	                	}
	                    console.log(result.resdata);
	                    var v = $(".hide1").html();
	                    
	                    var val = "["+v.substring(0,v.length-1)+"]";
		    			
		    			alert(val);
	                }
	            });

            })
            
                
                
		  $("#city-picker").cityPicker({
		    toolbarTemplate: '<header class="bar bar-nav">\
		    <button class="button button-link pull-right close-picker">确定</button>\
		    <h1 class="title">选择城市</h1>\
		    </header>'
		  });
		  
//		    $(".zhiwei").picker({
//		    	
//			  toolbarTemplate: '<header class="bar bar-nav">\
//			  <button class="button button-link pull-right close-picker">确定</button>\
//			  <h1 class="title">请选择职位</h1>\
//			  </header>',
//			  cols: [
//			    {
//			      textAlign: 'center',
//			      values: val
//			    }
//			  ]
//			});
		</script>
	</body>
</html>
